<div class="jumbotron masthead">
  <div class="container">
    <h1>My Project</h1>
    <p>Sleek, intuitive, and powerful front-end framework for faster and easier web development.</p>
    <p>
      <a class="btn btn-success btn-large" href="assets/bootstrap.zip">Download Bootstrap</a>
    </p>
    <ul class="masthead-links">
      <li>
        <a href="http://github.com/twitter/bootstrap">GitHub project</a>
      </li>
      <li>
        <a href="./getting-started.html#examples">Examples</a>
      </li>
      <li>
        <a href="./extend.html">Extend</a>
      </li>
      <li>
        Version 2.2.2
      </li>
    </ul>
  </div>
</div>
<hr />
<section id="typography">

  <!-- Headings & Paragraph Copy -->
  <div class="row-fluid cnt-center">

    <div class="span4">
      <h3>流动的代码</h3>
      <p><img src="http://www.easyicon.net/api/resize_png_new.php?id=1077382&size=128" /></p>
      <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
      <button class="btn btn-success">Read More..</button>
    </div>

    <div class="span4">

      <h3>Example body text</h3>
      <img src="http://www.easyicon.net/api/resize_png_new.php?id=1077377&size=128" />
      <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
      <button class="btn btn-success">Read More..</button>
    </div>

    <div class="span4">
      <h3>Example body text</h3>
      <img src="http://cdn-img.easyicon.net/png/10727/1072778.png" />
      <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
      <button class="btn btn-success">Read More..</button>
    </div>

  </div>
  <hr />
  <div class="row-fluid">
    <div class="span6">
      <blockquote>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
        <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
      </blockquote>
    </div>
    <div class="span6">
      <blockquote class="pull-right">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
        <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
      </blockquote>
    </div>
  </div>

</section>
